<template>
    <view class="container">
        <view class="products-c">
            <sku-item @__l="__l" class="sku" :info="info" vueId="9a2dc828-1"></sku-item>
        </view>
        <view class="price-wrap padding-h">
            <view class="list-item">
                <view class="body">物品SID</view>
                <view class="arrow-right">
                    {{ '' + info.sid + '' }}
                    <text @tap="__e" :data-event-opts="[['tap', [['setCopyText', ['$0'], ['info.sid']]]]]" style="color: #1890ff; margin-left: 10rpx">复制</text>
                </view>
            </view>
            <view class="list-item">
                <view class="body">活动类型</view>
                <view class="arrow-right" style="display: flex; justify-content: flex-end">
                    <view class="node-type">{{ '' + info.node_type_text + '' }}</view>
                </view>
            </view>
            <view class="list-item" v-if="info.options && info.options.node_title">
                <view class="body">活动名称</view>
                <view class="arrow-right">{{ '' + info.options.node_title + '' }}</view>
            </view>
            <view class="list-item" v-if="info.options && info.options.shang_title">
                <view class="body">赏类型</view>
                <view class="arrow-right">
                    <view class="shang-title">{{ '' + info.options.shang_title + '' }}</view>
                </view>
            </view>
            <view class="list-item" v-if="info.options && info.options.room_num">
                <view class="body">房间号</view>
                <view class="arrow-right">{{ '第' + info.options.room_num + '房间' }}</view>
            </view>
            <view class="list-item" v-if="info.options && info.options.session">
                <view class="body">活动期数</view>
                <view class="arrow-right">{{ '第' + info.options.session + '期' }}</view>
            </view>
            <view class="list-item" v-if="info.options && info.options.ticket_number">
                <view class="body">抽奖码</view>
                <view class="arrow-right">{{ '' + info.options.ticket_number + '' }}</view>
            </view>
            <view class="list-item">
                <view class="body">物品价值</view>
                <view class="arrow-right">
                    <price-display @__l="__l" :info="info" vueId="9a2dc828-2"></price-display>
                </view>
            </view>
            <view class="list-item">
                <view class="body">物品状态</view>
                <view class="arrow-right">{{ '' + info.union_status_text + '' }}</view>
            </view>
            <view class="list-item" v-if="info.created_at">
                <view class="body">获得时间</view>
                <view class="arrow-right">{{ '' + info.created_at + '' }}</view>
            </view>
        </view>
        <view class="meta-c padding-h" v-if="info.return_saled_at">
            <view class="list-item" v-if="info.return_saled_at">
                <view class="body">回收时间</view>
                <view class="arrow-right">{{ '' + info.return_saled_at + '' }}</view>
            </view>
            <view class="list-item" v-if="info.return_score">
                <view class="body">{{ '回收获得' + scoreAlias + '' }}</view>
                <view class="arrow-right">{{ '' + info.return_score + scoreAlias + '' }}</view>
            </view>
            <view class="list-item" v-if="info.return_redpack">
                <view class="body">回收获得红包</view>
                <view class="arrow-right">{{ '' + info.return_redpack / 100 + '元' }}</view>
            </view>
            <view class="list-item" v-if="info.return_money">
                <view class="body">回收原路退回</view>
                <view class="arrow-right">{{ '' + info.return_money / 100 + '元' }}</view>
            </view>
        </view>
        <view class="meta-c padding-h" v-if="info.sku_type_text === 'virtual_asset' && info.assets">
            <view class="list-item" v-if="info.assets.is_score">
                <view class="body">{{ '' + scoreAlias + '数量' }}</view>
                <view class="arrow-right">
                    {{ '' + info.assets.score + ' x' + info.total + '份' }}
                    <text @tap="__e" :data-event-opts="[['tap', [['checkScore', ['$event']]]]]" style="color: #1890ff; margin-left: 10rpx" v-if="info.union_status === 'picked'">
                        查看
                    </text>
                </view>
            </view>
            <view class="list-item" v-if="info.assets.is_redpack">
                <view class="body">红包数量</view>
                <view class="arrow-right">
                    {{ '' + info.assets.redpack / 100 + '元 x' + info.total + '份' }}
                    <text @tap="__e" :data-event-opts="[['tap', [['checkRedpack', ['$event']]]]]" style="color: #1890ff; margin-left: 10rpx" v-if="info.union_status === 'picked'">
                        查看
                    </text>
                </view>
            </view>
            <view class="list-item" v-if="info.assets.is_level_score">
                <view class="body">成长值数量</view>
                <view class="arrow-right">{{ '' + info.assets.level_score / 100 + '元 x' + info.total + '份' }}</view>
            </view>
            <view class="list-item" v-if="info.assets.is_show_box_card">
                <view class="body">透视卡数量</view>
                <view class="arrow-right">{{ '' + info.assets.show_box_card + '张 x' + info.total + '份' }}</view>
            </view>
            <view class="list-item" v-if="info.assets.is_exclude_box_card">
                <view class="body">排除卡数量</view>
                <view class="arrow-right">{{ '' + info.assets.exclude_box_card + '张 x' + info.total + '份' }}</view>
            </view>
            <view class="list-item" v-if="info.assets.is_chip">
                <view class="body">碎片数量</view>
                <view class="arrow-right">
                    {{ '' + info.assets.chip_total + '块' + info.assets.chip_title + ' x' + info.total + '份' }}
                    <text @tap="__e" :data-event-opts="[['tap', [['checkChip', ['$event']]]]]" style="color: #1890ff; margin-left: 10rpx" v-if="info.union_status === 'picked'">
                        查看
                    </text>
                </view>
            </view>
        </view>
        <view class="detail-image-c" v-if="info.detail_images">
            <image class="image" mode="widthFix" :src="url" v-for="(url, __i0__) in info.detail_images" :key="__i0__"></image>
        </view>
    </view>
</template>

<script>
import skuItem from '@/components/SkuItem/SkuItem';
import priceDisplay from '@/components/PriceDisplay/PriceDisplay';
import iActionSheet from '@/components/ActionSheet/index';
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['pages/myBox/detail'],
    {
        '11fa': function (n, t, e) {
            'use strict';

            e.d(t, 'b', function () {
                return o;
            });
            e.d(t, 'c', function () {
                return u;
            });
            e.d(t, 'a', function () {
                return i;
            });
            var i = {
                SkuItem: function () {
                    return Promise.all([e.e('common/vendor'), e.e('components/SkuItem/SkuItem')]).then(e.bind(null, '3c3e'));
                },
                PriceDisplay: function () {
                    return e.e('components/PriceDisplay/PriceDisplay').then(e.bind(null, '6b05'));
                }
            };
            var o = function () {
                this.$createElement;
                this._self._c;
            };
            var u = [];
        },
        1553: function (n, t, e) {
            'use strict';

            (function (n, t) {
                var i = e('4ea4');
                e('18ba');
                i(e('66fd'));
                var o = i(e('ad4d'));
                n.__webpack_require_UNI_MP_PLUGIN__ = e;
                t(o.default);
            }.call(this, e('bc2e').default, e('543d').createPage));
        },
        7334: function (n, t, e) {
            'use strict';

            e.r(t);
            var i = e('9ea7');
            var o = e.n(i);
            for (var u in i) {
                if (['default'].indexOf(u) < 0) {
                    (function (n) {
                        e.d(t, n, function () {
                            return i[n];
                        });
                    })(u);
                }
            }
            t.default = o.a;
        },
        '897b': function (n, t, e) {},
        '9ea7': function (n, t, e) {
            'use strict';

            (function (n) {
                var i = e('4ea4');
                Object.defineProperty(t, '__esModule', {
                    value: true
                });
                t.default = void 0;
                var o = {
                    mixins: [i(e('452d')).default],
                    components: {
                        IActionSheet: function () {
                            e.e('components/ActionSheet/index')
                                .then(
                                    function () {
                                        return resolve(e('fbfb'));
                                    }.bind(null, e)
                                )
                                .catch(e.oe);
                        }
                    },
                    data: function () {
                        return {
                            deliverRecord: null,
                            info: {},
                            uuid: ''
                        };
                    },
                    filters: {
                        hidePhoneDetail: function (n) {
                            return n ? n.substring(0, 3) + '****' + n.substring(7, 11) : '';
                        }
                    },
                    computed: {
                        orderConfig: function () {
                            return this.$store.getters.setting.order;
                        }
                    },
                    onLoad: function (n) {
                        this.uuid = n.uuid;
                    },
                    onShow: function () {
                        this.getOrderInfo();
                    },
                    methods: {
                        checkChip: function () {
                            n.navigateTo({
                                url: '/pages/myChip/index'
                            });
                        },
                        checkRedpack: function () {
                            n.navigateTo({
                                url: '/pages/myRedpack/index'
                            });
                        },
                        checkScore: function () {
                            n.navigateTo({
                                url: '/pages/myScore/index'
                            });
                        },
                        openContact: function () {},
                        setCopyText: function (t) {
                            n.setClipboardData({
                                data: t,
                                success: function (t) {
                                    n.showToast({
                                        title: '复制成功'
                                    });
                                }
                            });
                        },
                        getOrderInfo: function () {
                            var that = this;
                            this.uuid;
                            n.showLoading({
                                title: '加载中',
                                mask: true
                            });
                            this.$http('/asset/package-skus/'.concat(this.uuid))
                                .then(function (e) {
                                    that.info = e.data.info;
                                    n.hideLoading();
                                })
                                .catch(function (n) {});
                        },
                        visibleChange: function () {
                            this.visible = !this.visible;
                        },
                        payNow: function () {
                            n.navigateTo({
                                url: '/pages/payCenter/index?uuid=' + this.order.uuid
                            });
                        }
                    }
                };
                t.default = o;
            }.call(this, e('543d').default));
        },
        ad4d: function (n, t, e) {
            'use strict';

            e.r(t);
            var i = e('11fa');
            var o = e('7334');
            for (var u in o) {
                if (['default'].indexOf(u) < 0) {
                    (function (n) {
                        e.d(t, n, function () {
                            return o[n];
                        });
                    })(u);
                }
            }
            e('d374');
            var a = e('f0c5');
            var c = Object(a.a)(o.default, i.b, i.c, false, null, null, null, false, i.a, void 0);
            t.default = c.exports;
        },
        d374: function (n, t, e) {
            'use strict';

            var i = e('897b');
            e.n(i).a;
        }
    },
    [['1553', 'common/runtime', 'common/vendor']]
]);
</script>
<style>
@import './detail.css';
</style>
